@charset "UTF-8";
body {
  background-color: #f0f0f0;
}
.center {
  margin: 0 auto;
}
.button {
  width: 0.78rem;
  height: 0.32rem;
  margin: 0 auto;
  display: block;
  background-image: url("../images/btn.png");
  background-size: 100% 100%;
  line-height: 0.32rem;
  color: #002f73;
  font-size: 0.12rem;
}
#pageSwaper {
  padding-bottom: 1.9rem;
}
.homepage_index_bg {
  position: relative;
  /*积分详情*/
}
.homepage_index_bg .animate {
  position: relative;
  height: 1.5rem;
  background-color: #0071ce;
  padding-top: 0.275rem;
}
.homepage_index_bg .animate .baseball {
  width: 1.135rem;
  height: 1.135rem;
  background: url(../images/squre.png) no-repeat center;
  background-size: 100% auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  z-index: 11;
}
.homepage_index_bg .animate .baseball .icon1 {
  background: url(../images/squre_act1.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 0.61rem;
  left: 50%;
  z-index: 22;
  width: 1.345rem;
  height: 0.665rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-animation: bounce1 2s linear infinite;
  animation: bounce1 2s linear infinite;
}
.homepage_index_bg .animate .baseball .icon2 {
  background: url(../images/squre_act2.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 0.59rem;
  left: 50%;
  z-index: 33;
  width: 1.565rem;
  height: 0.65rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-animation: bounce2 2s 1s linear infinite;
  animation: bounce2 2s 1s linear infinite;
}
.homepage_index_bg .animate .baseball .credits {
  font-size: 0.0856rem;
  color: #ffffff;
  text-align: center;
  display: block;
  padding-top: 0.125rem;
}
.homepage_index_bg .animate .baseball .credits > i {
  font-size: 0.20425rem;
  margin-top: 0.075rem;
  display: block;
  line-height: 0.2rem;
}
.homepage_index_bg .nav {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  background-color: #ffffff;
  margin-top: 0.1rem;
  border-bottom: 0.005rem solid #c9c9c9;
  border-top: 0.005rem solid #c9c9c9;
}
.homepage_index_bg .nav .header_user {
  text-align: center;
}
.homepage_index_bg .nav .header_user > ul {
  position: relative;
}
.homepage_index_bg .nav .header_user > ul > li.swiper-slide-active {
  border-bottom: 0.015rem solid #0071ce;
}
.homepage_index_bg .nav .header_user > ul > li.swiper-slide-active > a {
  color: #0071ce;
}
.homepage_index_bg .detail_info {
  position: relative;
  background-color: #ffffff;
  margin-top: 0.1rem;
}
.homepage_index_bg .detail_info .title {
  height: 0.325rem;
  line-height: 0.325rem;
  color: #333333;
  font-size: 0.12005rem;
  padding-left: 0.11rem;
}
.homepage_index_bg .detail_info table {
  width: 100%;
  font-size: 0;
  color: #000000;
}
.homepage_index_bg .detail_info table tr {
  font-size: 0px;
}
.homepage_index_bg .detail_info table tr.header {
  background-color: #0071ce;
}
.homepage_index_bg .detail_info table tr.header > td {
  color: #ffffff;
  width: 16.66%;
}
.homepage_index_bg .detail_info table tr td {
  border: 1px solid #f2f2f2;
  font-size: 0.09rem;
  color: #6a91c8;
  padding: 0.1rem 0;
  text-align: center;
  margin-left: -1px;
}
.homepage_index_bg .detail_info table tr td:first-child {
  border-left: none;
}
@-webkit-keyframes bounce1 {
  0%,
  100% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
  }
  25%,
  75% {
    -webkit-transform: translate(-50%, 0) rotateZ(-10deg);
  }
  50% {
    -webkit-transform: translate(-50%, 0) rotateZ(10deg);
  }
}
@keyframes bounce1 {
  0%,
  100% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
  }
  25%,
  75% {
    -webkit-transform: translate(-50%, 0) rotateZ(-10deg);
  }
  50% {
    -webkit-transform: translate(-50%, 0) rotateZ(10deg);
  }
}
.bounce1 {
  -webkit-animation-name: bounce1;
  animation-name: bounce1;
}
@-webkit-keyframes bounce2 {
  0%,
  100% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
  }
  25%,
  75% {
    -webkit-transform: translate(-50%, 0) rotateZ(10deg);
  }
  50% {
    -webkit-transform: translate(-50%, 0) rotateZ(-10deg);
  }
}
@keyframes bounce2 {
  0%,
  100% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
  }
  25%,
  75% {
    -webkit-transform: translate(-50%, 0) rotateZ(10deg);
  }
  50% {
    -webkit-transform: translate(-50%, 0) rotateZ(-10deg);
  }
}
.bounce2 {
  -webkit-animation-name: bounce2;
  animation-name: bounce2;
}
